<template>
    <el-form-item :label="label" label-position="left">
        <el-color-picker v-model="value" show-alpha :predefine="predefineColors" />
    </el-form-item>
</template>
<script setup lang="ts">
const value = defineModel()
const {label} = defineProps<{
    label:string
}>()
const predefineColors = [
"#409EFF", "#67C23A", "#E6A23C", "#F56C6C", "#909399",
"#BEF264", "#FDE047", "#FCD34D", "#FDBA74", "#FCA5A5", "#D6D3D1", "#D4D4D4", "#D4D4D8", "#D1D5DB", "#CBD5E1", "#F0ABFC", "#D8B4FE", "#C4B5FD", "#A5B4FC", "#93C5FD", "#7DD3FC", "#67E8F9", "#5EEAD4", "#6EE7B7", "#86EFAC", "#8A8A8A", "#BFBFBF", "#2C2C2C", "#DBDBDB", "#E6E6E6", "#FFFFFF", "#D4237A", "#13227A", "#1296DB", "#FDA4AF", "#F9A8D4"
]
</script>